<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>点我看看</button>
    <script>
        // 1、获取button元素
     let btn=document.querySelector('button')
    //  2、给button元素添加事件监听，并且在事件回调处理函数中编写弹窗代码
    //  当我们点击button按钮的时候，就会执行第二个参数的函数
    //  等到点击事件发生之后，才执行函数，这种不会立刻触发执行的函数叫做回调函数
     btn.addEventListener('click',function(){
     alert('你点击了button按钮')
     })
    </script>
</body>
</html>